<template>
    <button :class="['btn', 'btn-' + type]">
        <slot></slot>
    </button>
</template>

<script>
export default {
  name: '',
  props:{
      type: {
          type:String,
          default:'default'
      }
  },
  data() { 
    return {

    }
  },
  created() {
  },
  mounted() {
  },
  methods:{

  },
  }
</script>

<style lang='scss' scoped>
.btn{
  width: 100%;
  outline: none;
  border: none;
}
   .btn-primary{
     background:blue;
   } 
    .btn-danger{
     background:red;
   }   
     .btn-warn{
     background:palevioletred;
   } 
</style>